<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--如何码 css  style是标签  css写在style标签之间-->
<!--type="text/css" 是基于文本的类型css-->
<!--把style 标签写在HTML文档里面 叫内部样式表 -->
<!--内部样式表建议写在head之间 因为网页加载的是从head 开始的 避免出现只加载HTML,没加载完css -->
			<!-- <link href="cssdemo1.css" type="text/css" rel="stylesheet"/>
			<style type="text/css">
			div{width:100px;height:100px;background:red;}
			</style>   -->
<!--内外部样式表 存在先写 后写的问题 而不是谁比谁优先  后面写的修改了前面写的 -->
<!-- 这是html 的注释 标签的注释 -->
<style type="text/css">
/* 这是在css 范围内使用的注释*/
/*@import url("cssdemo1.css");*/
div{width:100px;height:100px;background:red;}
</style>
</head>

<body>
<!--内联样式 行间样式   把样式表写在标签之间的 行间样式的优先级是最高的-->
<div style="width:100px;height:100px;background:yellow;"></div>
</body>


</html>
